<template>
  <div>
    <dv-scroll-board  :config="config" />
  </div>
</template>

<script>
export default {
  data () {
    return {
      config: {},
    };
  },
  components: {
  },
  props: {
    cdata: {
      type: Object,
      default: () => ({})
    },
  },
  watch: {
    cdata: {   
      handler (newData) {
        this.config = {
           header: newData.xData,
           data: newData.yData,
           index: true,   // 显示行号
           columnWidth: [50],  // 列宽度
           align: ['center'],   // 列对齐方式
           headerBGC: '#156165', // 表头背景色，
           oddRowBGC: '#132145', // 奇行数背景色
           evenRowBGC: '#222625', // 偶行数背景色
           waitTime: 2000, // 轮播时间间隔
           headerHeight: 35, // 表头高度
           rowNum:6,//表行数


        };
      },
      immediate: true,
      deep: true
    }
  }
};
</script>